Formation Responsive Design
Responsive Design
La formation « Responsive Design » vous permettra de concevoir vos sites Web s’adaptant à plusieurs supports. Le programme est donné à titre indicatif et sera adapté à vos besoins et votre niveau après audit. N’hésitez pas à nous contacter pour toute demande spécifique.
En résumé
- Distanciel
- Présentiel
Pré-requis
Connaissances de bases en HTML et CSS
Public concerné
Développeurs, designers, chefs de projets et Webmasters.
Durée de la formation
La durée de la formation varie en fonction du niveau de base de l’apprenant et des objectifs d’utilisation formulés.
Lieux
Formation intra-entreprise au sein de votre établissement ou dans nos locaux de LA ROCHELLE (Charente-Maritime), NIORT (Deux-Sèvres) ou POITIERS (Vienne)
Téléchargement
Télécharger le programme de formation au format PDF
Contenu de la formation
Principes généraux
- Qu’est-ce-que le Responsive Web Design ?
- Les problématiques des différents supports de lecture (résolution, taille d’écran, etc…)
- Les différents types de clients e-mail (lecteur, boite mail, etc…)
- Les principes généraux du Responsive Web Design
- Fonctionnement et exemples
- État des lieux de la compatibilité des clients mails
Rappel des techniques de codage de base d’une newsletter ou d’un e-mailing
- Tableaux HTML
- Styles intégrés (inline)
- Liste des propriétés CSS compatibles
Le Responsive Web Design
- Déterminer les points de ruptures
- Les medias queries
- Les médias queries appliqués au Responsive Web Design
Réaliser une maquette en responsive Design
- Réaliser une maquette HTML pour smartphones
- Réaliser une maquette HTML pour tablettes
- Réaliser une maquette HTML pour écran
- Préparation des éléments graphiques
- Réaliser la maquette dans Photoshop ou Gimp
- Découper les images
Maitriser l’intégration en Responsive Design
- La balise méta pour les Smartphones et tablettes
- Media queries portrait et landscape
- La propriété background-size